<template>
	<view class="w-container">
		<z-paging ref="paging" v-model="dataList" @query="queryList">
			<template v-slot:top>
				<view class="content">
					<view class="tip-box">
						<view>{{selfTime}}</view>
						<view>
							<text>成功</text><text class="cred">{{wNum}}</text><text>笔，共</text><text
								class="cred">￥{{wMoney}}</text>
						</view>
					</view>
				</view>
			</template>
			<view class="" v-for="(item,index) in dataList" :key="item.id">
				<view class="loop-box">
					<view class="flx-default">
						<tui-icon custom-prefix="lishitong" name="lishitong-weixin" size="50"
							color="#07C160"></tui-icon>
						<view class="pl-20">
							<view class="cdark fz28">提现-至微信hj1321324253</view>
							<view class="cgray fz20 mt-10">{{item.create_time}}</view>
						</view>
					</view>
					<view class="cdark fz32 fzW">{{item.price}}</view>
				</view>
			</view>
		</z-paging>
	</view>

</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		navigate,
		getDateStr
	} from '@/util/tools.js';
	import {
		technicianWithdrawalList
	} from '@/api/other.js'
	const dataList = ref([])
	const paging = ref(null)
	const selfTime = ref('')
    selfTime.value = getDateStr('ymdhms')
	const wNum = ref(0)
	const wMoney = ref(0)

	const queryList = (pageNo, pageSize) => {
		technicianWithdrawalList({
			page: pageNo,
			limit: pageSize,
			month: getDateStr()

		}).then(res => {
			wNum.value = res.result.total
			wMoney.value = res.result.total_price
			paging.value.complete(res.result.data);
		}).catch(res => {
			paging.value.complete(false);
		})
	}
	
	
</script>
<style>


</style>
<style lang="scss" scoped>
	.content {
		background-color: #F6F4F7;
	}

	.tip-box {
		padding: 20upx 30upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 24upx;
		color: #666;

	}

	.loop-box {
		padding: 20upx 30upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
		border-bottom: 1px solid #efefef;
	}
</style>